JavaScript是目前廣泛被用於 web 瀏覽器的腳本語言，屬於直譯語言，不需事先編譯，直接在瀏覽器上執行。
JavaScript 語言也可以應用、實作在別的地方，最常見於web客戶端瀏覽器。最初是由 Netscape 的 Brendan Eich 所開發設計，JavaScript 是一種動態、弱型別、基於原型的物件導向程式語言。此外，JavaScript是由ECMA Internation組織來制定標準，命名為ECMAScript。
JavaScript 是三個網頁開發的基礎語言的其中一個：
HTML: 描述網頁的內容和架構
CSS: 描述網頁介面如何被呈現
JavaScript: 描述網頁的行為，讓網頁可以跟使用者和 server 互動
開始介紹JavaScript之前，務必先了解網頁html的基本概念，html就像是我們人的身體四肢，而JavaScript就像是我們的行為舉止，兩者是密不可分，他們運作的方式比如部落格上面搜尋框，當你點擊搜尋圖案，JavaScript就會控制搜尋框框出現，如果在點擊搜尋框以外區域則是會消失。
html與JavaScript的互動關係
只要使用一般文字編輯器，例如記事本，就可以編輯撰寫JavaScript，只要將寫好的檔案，副檔名命名成.js即可，或者是直接寫在html檔案裡面。也可以下載前端開發神器sublime text，可以協助你更便利寫出JavaScript。一般來說，在html檔案內的JavaScript撰寫方式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
alert("Hello World")
</script>
</head>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/main.js"></script>
</head>
程式語言在運算的過程速度非常快，但是要讓程式語言理解計算公式，就需要透過運算子。運算子是一種運算符號，有賦值運算子、算數運算子、比較運算子、邏輯運算子，像是賦值運算子就是以「=」符號來表示，可指定特定值到指定的變數裡面。
1.賦值運算子( 等於= ) ：
var name="Tom";
2.算數運算子 (加+ 減 – 乘 * 除 / )
var sum=1+3;
3.比較運算子(大於> 小於<)
var age=23;
var result=age>20;
// result：true
console.log(result);
4.邏輯運算子(and &, OR |)：
var a=true;
var b=true;
var logic=a && b;
// logic:true
console.log(logic);
變數是將指定值指定在特定空間，同時可以任意命名變數的名稱，像是賦值運算子中的「name」就是一種變數命名，變數在JavaScript中是有分為「全域變數」與「區域變數」，全域變數基本上在定義完，就可以在檔案中任何一處使用，區域變數則是指在特定功能內定義後，範圍就限定在該功能內，一旦出了這功能模組外，區域變數就不能使用。
既然JavaScript可運算、也可以自定義變數，那將這些功能統整在一起的話，就可以發揮更好的效果，這樣整合功能就叫做函數。函數(function)可以將一程式區塊的功能，透過參數的傳遞，產出預期的結果，這在JavaScript的程式設計中扮演非常重要的角色。
函式宣告通常包含三個部分：
function sum(a,b) {
result=a*b;
return result;
}
sum(5,4)
函式會透過return的功能將值回傳，因此下sum(5,4)指令時，就會得到數字20。
iThome鐵人賽
看影片追技術